/*
Author: kenrich
Time:2017-03-31 -- 2017-04-10
*/
/* reset */
/*通用*/
img{
    max-width: 100%;
    width: auto\9;
    height: auto;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic; 
}

a{
    text-decoration: none;
    color: #333
}
a:hover,a:focus{
    text-decoration: none;
    outline: none;
    color: #333
}

@font-face {
  font-family: 'iconfont';  /* project id 267287 */
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:18px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

body{
    background-color: #f7f7f7;
    font-family:"Microsoft Yahei",sans-serif, 'Titillium Web',"Arial Black";
    font-size: 14px;
}


h1,h2,h3,h4,h5,h6{
    font-family:"Microsoft Yahei",sans-serif, 'Titillium Web', "Arial Black";
    margin: 0;
    padding: 0
}

strong{
    display: block;
    font-size: 18px;
    font-weight: normal;
}
ul,li{
    margin: 0;
    padding: 0
}
li{
    list-style-type: none;
}
.left{
    float: left;
}
.right{
    float: right;
}
.dn{
    display: none;
}
.db{
    display: block;
}

/*刷新加载*/

#wrapper {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.mui-pull-caption{
    font-size: 12px;
}
.mui-pull{
    font-weight: 400;
    color: #333;
    bottom:-10px;
}
.mui-pull-loading{
     vertical-align: middle;
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(../images/loading2.gif) no-repeat center center;
    -webkit-background-size: 55px;
    background-size: 55px;
    transition: none!important; 
    transform: none!important; 
    animation: 0!important;
    margin-right: 0;
}


/*#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    padding: 0;
}
.product-fixed #scroller{
    top:70px;
}

#pullDown, #pullUp {
    text-align: center;
    font-size: 12px;
    color: #888;
} */
/*#pullUp{ display:block;}
.loader {
    display: inline-block;
    font-size: 0px;
    padding: 0px;
    display: none;
}*/
/*.loader span {
    vertical-align: middle;
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(../images/loading2.gif) no-repeat top center;
    -webkit-background-size: 65px;
    background-size: 65px;
}*/

.mui-bar-nav~.mui-content{
    padding-top: 100px;
}
.home-nav~.mui-content{
    padding-top: 50px;
}
.mui-bar-nav~.mui-content .mui-pull-top-pocket {
    top: 90px;
}
.mui-bar{
    height: 90px;
    padding-left: 0;
    padding-right: 0;
}
.home-nav~.mui-content .mui-pull-top-pocket{
    top:50px;
}




/*清除浮动*/
.clearfix:before, .clearfix:after {
    content:""; display:table;
}
.clearfix:after{
    clear:both; overflow:hidden;
}
.clearfix{
    zoom:1;
}
/*end 通用*/

/*首页*/
.index-nav{
    padding-top: 10px;
    background: #fff;
    padding-bottom: 5px;
}
.index-nav a{
    float: left;
    width: 20%;
    font-size: 12px;
    text-align: center;
    margin-bottom: 8px;
}
.index-nav .iconfont {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    margin: 0 auto;
    background: #06cdf7;
    margin-bottom: 2px;
}
.index-nav1 .iconfont{
    line-height: 57px;
}
.index-nav2 .iconfont{
    background: #3fc684;
    line-height: 57px;
}
.index-nav3 .iconfont{
    background: #f54a76;
}
.index-nav4 .iconfont{
    background: #c600fc;
}
.index-nav5 .iconfont{
    background: #0087fd;
}
.index-nav6 .iconfont{
    background: #ed1659;
    line-height: 57px;
}
.index-nav7 .iconfont{
    background: #f91d8b;
    line-height: 57px;
}
.index-nav8 .iconfont{
    background: #70ee00;
}
.index-nav9 .iconfont{
    background: #fc670b;
    line-height: 60px;
}
.index-nav10 .iconfont{
    background: #ffc830;
}

#scrool-tip{
   width: 100%;
   height: 40px;
   line-height: 40px;
   overflow: hidden;
   text-align: left;
   margin-bottom: 10px;
   padding-left: 135px;
   padding-right: 15px;
   background:#fff url(../images/laba.png) no-repeat 15px 11px;
   -webkit-background-size: 100px;
   background-size: 110px;
   border-top: 1px solid #eee;
   border-bottom: 1px solid #eee;
}



/*顶部导航*/
.top-nav{
    height: 50px;
    width: 100%;
    padding: 0 15px;
    position: fixed;
    display: block;
    z-index: 99;
    background: #fff;
    border-bottom: 1px solid #eee;
    top:0;
}
.home-nav{
    height: 50px;
}
.top-nav-left{
    float: left;
    width: 10%;
    padding-top: 18px;
}
.top-nav-left a{
    color: #444;
    font-size: 28px;
}
.top-nav-center{
    float: left;
    text-align: center;
    width: 80%;
    padding: 10px 0px 0 10px;
}
.top-nav-center input{
    outline: none;
    border:none;
    border:1px solid #ccc;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    width: 100%;
    font-size: 13px;
    margin-bottom: 0;
    padding:0 15px 0 25px;
    background:#fff url(../images/search.png) no-repeat 5px 5px;
    -webkit-background-size: 16px;
    background-size: 16px;
    font-family:"Microsoft Yahei",sans-serif, 'Titillium Web',"Arial Black";

}
.top-nav-right{
    float: right;  
    width: 10%; 
    padding-top: 13px;
    text-align: right;
}
.top-nav-right a{
    color: #444;
    font-size: 20px;
}

/*限时抢购*/
.time-limit{
    margin-top: 10px;
    background: #fff;
}
.time-limit h4{
    height: 40px;
    padding-top: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    font-size: 16px;
}
.time-limit h4 .left{
    height: 28px;
}
.time-limit h4 .left span{
    color: #ec3331
}
.time-limit h4 .left span.iconfont{
    margin-left: 10px;
    font-size: 16px;
}
.time-limit h4 b{
    font-weight: 400;
    font-size: 14px;
}
.time-limit h4 b span{
    color:#333;
    margin-right: 2px;
}
.limit-goods li{
    float: left;
    width: 33%;
    text-align: center;
    position: relative;
    background: #fff;
    border-left:1px solid #eee;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.limit-goods .mask{
    position: absolute;
    bottom:30px;
    right:10px;
    background: url(../images/limit-bg.png) no-repeat;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-background-size: 40px;
    background-size: 40px;
    color: #fff;
    font-size: 12px;
}
.limit-goods-pic{
    text-align: center;
    height: 100px;
    width: 100px;
}
.limit-goods-pic img{
    max-width: 90px;
}
.limit-goods-name{
    font-size: 12px;
}

.brand-selling{
    margin-top: 10px;
    background:#fff;
}
.brand-selling h4{
    height: 40px;
    padding-top: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    font-size: 16px;
}
.brand-selling h4 .left span{
    color: #ec3331
}
.brand-selling h4 b{
    font-weight: 400;
    font-size: 14px;
    margin-left: 10px;
}
.brand-selling h4 .right{
    font-size: 14px;
}

.brand-selling-goods{
    float: left;
    height: 151px;
    line-height: 151px;
    width: 49.5%;
}
.brand-selling-goods1{
    float: left;
    width: 49.5%;
}
.brand-selling-goods1 li{
    float: left;
    width: 49.5%;
    height: 76px;
    line-height: 76px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
}
.brand-selling-goods li{

}
.brand-selling-goods li a{
    display: block;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.brand-selling-goods1 li a{
    display: block;
    text-align: center;  
}
.brand-selling-goods1 img{
    max-height: 70px
}
.brand-selling-goods img{
    max-height: 140px
}

.guess-like  h4{
    height: 40px;
    padding-top: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    font-size: 16px;
    background: #fff;
    margin-top: 10px;
}
.guess-like  h4 .left span{
    color: #ec3331;
    margin-right: 10px;
    font-size: 16px;
}
.guess-like-goods{
    background: #fff;
}
.guess-like-goods li{
    float: left;
    width: 49.5%;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px;
}
.guess-like-name{
    font-size: 12px;
    margin-top: 10px;
}
.guess-like-price{
    color:#ec3331;
    margin-top: 3px;
}
.guess-like-price s{
    font-size: 12px;
    color: #333;
    margin-left: 10px;
}
.guess-like{
    padding-bottom: 50px;
}

/*底部导航*/
.foot-nav{
    padding: 5px 0;
    border-top: 1px solid #ccc;
    position: fixed;
    width: 100%;
    bottom:0;
    background: #fff;
    z-index: 999;
}
.foot-nav span{
    font-size: 24px!important;
}
.foot-nav a{
    float: left;
    width: 20%;
    text-align: center;
}
.foot-nav a.active{
    color: #ec3331
}

/*.index-banner{
    padding-top: 50px
}*/

/*搜索*/
.search-nav a{
   font-size: 18px;
}
.search-nav .top-nav-right a{
   font-size: 14px;
}
.search-nav .top-nav-center{
    width: 74%;
}
.search-nav .top-nav-right{
    width: 16%;
    text-align: center;
}
.search-nav .top-nav-left{
    padding-top: 14px;
}
.search-recently h5{
    height: 40px;
    line-height: 40px;
}
.search-top{
    padding-top: 50px;
}
.search-recently li{
    float: left;
}
.search-recently li a{
    display: block;
    padding: 4px 10px;
    border: 1px solid #ddd;
    background: #fff;
    margin: 0px 10px 5px 0;
    border-radius: 5px;
}
.search-recently h5{
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.search-recently h5 span{
    margin-right: 5px;
}
.search-hot{
    margin-top: 10px;
}
.search-recently h5 .item{
    padding-top: 2px;
}
.guess-like-send{
    font-size: 12px;
    color: #ec3331;
    margin: 5px 0;
}
.guess-like-sale{
    text-align: right
}


/*购物车*/
.cart-nav{
    font-size: 16px;
}
.cart-nav a{
    font-size: 18px;
}
.cart-nav .top-nav-left{
    padding-top: 14px;
}
.cart-nav .top-nav-center{
    padding-top: 12px;
}
.cart-goods-all{
    padding-top: 50px;
    padding-bottom: 150px;
}
.cart-goods-all input[type="checkbox"] {
    display: none;
}
.cart-goods-all input[type="checkbox"] + label {
    display: inline-block;
    background: url(../images/chk1.png) no-repeat 0px 28px;
    width: 24px;
    height: 80px;
    -webkit-background-size: 24px;
    background-size: 24px;
}

.cart-goods-all input[type="checkbox"]:checked + label {
    display: inline-block;
    background: url(../images/check.png) no-repeat 0px 28px;
    width: 24px;
    height: 80px;
    -webkit-background-size: 24px;
    background-size: 24px;
}
.cart-foot-nav .quanAll {
    background: url(../images/chk1.png) no-repeat 15px 14px;
    height: 50px;
    -webkit-background-size: 24px;
    background-size: 24px;
    line-height: 50px;
    padding-left: 45px;
    float: left;
}
.cart-foot-nav .fanAll {
    background: url(../images/check.png) no-repeat 15px 14px;
    height: 50px;
    line-height: 50px;
    padding-left: 45px;
    -webkit-background-size: 24px;
    background-size: 24px;
    float: left;
}
.cart-goods-list .shop-quanAll {
    background: url(../images/chk1.png) no-repeat 0px 8px;
    height: 40px;
    -webkit-background-size: 24px;
    background-size: 24px;
    line-height: 40px;
    padding-left: 45px;
    float: left;
}
.cart-goods-list .shop-fanAll {
    background: url(../images/check.png) no-repeat 0px 8px;
    height: 40px;
    line-height: 40px;
    padding-left: 45px;
    -webkit-background-size: 24px;
    background-size: 24px;
    float: left;
}
.cart-goods-list h4 .right{
    float: left;
}
.cart-foot-nav .check-all{
    float: left;
    width: 30%;
    height: 45px;
    line-height: 45px;
}
.cart-foot-nav .price-total{
    float: left;
    width: 44%;
    text-align: center;
}
.cart-foot-nav .price-total .left{
    height: 50px;
    line-height: 50px;
}
.cart-foot-nav .price-total .right{
    float: left;
    padding-top: 5px;
}
.cart-foot-nav .price-total p{
    color:#ec3331;
    margin-bottom: 0;
}
.cart-goods-list .shop-money-total{
    text-align: right;
    height: 34px;
    line-height: 34px;
    padding: 0;
    font-size: : 13px;
}
.pay-bottom li i{
    font-style: normal;
    margin-left: 5px;
}
.cart-goods-list .shop-money-total span{
    margin-left: 10px;
}
.cart-foot-nav .price-pay{
    float: left;
    width: 26%;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.cart-foot-nav .price-pay a{
    color:#fff;
    background: #ec3331;
    display: block;
}
.cart-tab2-nav li{
    float: left;
    width: 50%;
    text-align: center;
    background: #fff;
    margin-top: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.cart-tab2-nav li.active a{
    color: #ec3331;
}
.cart-tab2-content{
    padding-top: 0!important;
    padding-bottom: 0px!important;
}
.cart-goods-list{
    margin-top: 10px;
    background: #fff;
}
.cart-goods-list h4{
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #eee;
    padding: 0 15px
}
.cart-goods-list h4 span{
    margin-left: 10px;
    font-size: 14px
}
.cart-goods-list ul{
    padding: 0 15px;
    border-bottom: 1px solid #eee;
}
.cart-goods-list li{
    padding-top: 10px;
    border-top: 1px solid #eee;
}
.cart-goods-list li .left{
    width: 10%;
}
.cart-goods-list li .right{
    width: 90%;
    padding-left: 5px;
}
.cart-goods-list li .cart-gle{
    float: left;
    width: 35%;
}
.cart-goods-list li .cart-gle a{
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border:1px solid #eee;
    display: block;
    border-radius: 5px
}
.cart-goods-list li .cart-gle img{
    max-width: 70px;
    max-height: 70px;
}
.cart-goods-list li .cart-gre{
    float: left;
    width: 65%;
}
.cart-goods-shuxin{
    font-size: 12px;
    width: 100%;
    margin-top: 10px;
}
.cart-goods-shuxin .cart-goods-sxl{
    float: left;
}
.cart-goods-shuxin .cart-goods-sxr{
    color:#ec3331;
    float: right;
    text-align: right;
}
.cart-goods-list .cg-delete input {
    height: 40px;
    line-height: 40px;
    width: 60px;
    background: url(../images/delete.png) no-repeat right center;
    -webkit-background-size: 18px;
    background-size: 18px;
    display: inline-block;
    padding-left: 12px;
    border: none;
    outline: none;
}
.cart-goods-list .cgnumber{
    float: left;
    padding-top: 8px;
}
.cart-goods-list .cgnumber span{
    height: 26px;
    width: 26px;
    text-align: center;
    line-height: 26px;
    background: #eaeaea;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.cart-goods-list .cgnumber input[type="text"]{
    outline: none;
    border:none;
   /* background: #f7f7f7;*/
    height: 26px;
    line-height: 26px;
    width: 30px;
    text-align: center;
    margin: 0 1px;
    border-radius: 0;
}
.cart-goods-list .cg-delete{
    float: right;
    text-align: right
}
.cart-foot-nav{
    height: 50px;
    position: fixed;
    bottom:56px;
    width: 100%;
    display: block;
    border-top: 1px solid #eee;
    z-index: 999;
    background: #fff;
}


/*产品详情*/
.detail-nav .top-nav-right{
    padding-top: 6px;
    padding-right: 15px;
    position: relative;
}
.detail-nav .mask{
    position: absolute;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    background: #ec3331;
    border-radius: 50%;
    top:10px;
    right: -2px
}
.detail-nav .top-nav-right span{
    font-size: 24px;
}
.detail-content{
    padding-top: 50px;
    padding-bottom: 60px;
}
.detail-content .guess-like{
    padding-bottom: 0;
}
.detail-nav .nav li {
    float: left;
    width: 33%;
    text-align: center;
}
.detail-nav  .nav>li.active>a {
    border-bottom: 1px solid #333;
}

.detail-nav  .nav>li>a {
    padding: 13px 15px;
}
.detail-nav .nav>li>a:hover,.detail-nav .nav>li>a:visited{
    background: #fff;
}
.detail-nav .top-nav-center{
    padding-top: 0;
    font-size: 14px;
    width: 75%;
}
.detail-nav .top-nav-center a{
    font-size: 16px;
}
.deatil-comment-list{
    padding: 0 15px 10px 15px;
    background: #fff;
    margin-top: 5px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.deatil-comment-list h5{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
}
.deatil-comment-list h5 img{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-right: 5px;
}
.deatil-comment-list h5 .right{
    font-size: 12px;
    color:#666;
}

.comment-star{
    margin-top: 5px;
}
.comment-star span.active{
    color:#ec3331;
}
.comment-star span{
    font-size: 12px;
    color:#ccc;
}
.comment-shuxin{
    font-size: 12px;
    color:#999;
    margin-top: 10px;
}
.comment-shuxin p{
    margin-bottom: 0;
}
.deatil-goods-info{
    background: #fff;
    border-bottom: 1px solid #eee;
}
.deatil-goods-info h5{
   padding: 10px 15px 5px 15px;
   line-height: 18px;    
}
.deatil-goods-info .dg-price{
   padding: 0 15px;

}
.deatil-goods-info .dg-price .left{
    color: #ec3331
}
.deatil-goods-info .dg-price .right{
    color: #666;
    font-size: 12px;
}
.deatil-goods-info ul{
    margin: 0 15px;
    border-bottom: 1px solid #eee;
}
.deatil-goods-info li{
    height: 34px;
    line-height: 34px;
    float: left;
    width: 33%;
    font-size: 12px;
    color: #666
}
.dg-guige{
    padding: 0 15px;
    height: 34px;
    line-height: 34px;
     cursor: pointer;
}
.deatil-goods-shop{
    margin-top: 10px;
    background: #fff;
    padding: 10px 15px;
}
.deatil-goods-stop img{
    width: 45px;
}
.deatil-goods-stop .right{
    float: left;
    padding-left: 10px;
    padding-top: 5px
}
.deatil-goods-stop p {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    margin-bottom: 0;
}
.deatil-goods-stop p span{
    color: #ec3331
}
.deatil-goods-center{
    padding: 15px 0
}
.deatil-goods-center li{
    float: left;
    width: 33%;
    text-align: center;
}
.deatil-goods-center span{
    color: #ec3331;
    margin-left: 5px;
}
.dtct{
    font-size: 13px;
    color:#666;
}
.dtcc{
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}
.dtcb{
    font-size: 12px;
    color:#666;
}
.deatil-goods-bottom{
    padding: 0 15px;
}
.deatil-goods-bottom a{
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 120px;
    border:1px solid #ddd;
    border-radius: 5px;
    color:#666;
}
.deatil-goods-bottom span{
    margin-right: 5px;
}
.detail-foot-nav{
    border-top: 1px solid #ccc;
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #fff;
    z-index: 998;
}
.detail-foot-nav a{
    float: left;
    text-align: center;
}
.detail-foot-nav .df-nav1{
    width: 15%;
    height: 60px;
    border-right:1px solid #ddd;
}
.detail-foot-nav .df-nav3{
    width: 23%;
    text-align: center;
    float: left;
    height: 59px;
    line-height: 59px;
    color: #ec3331;
    font-size: 12px;
}
.detail-foot-nav .df-nav2{
    width: 24%;
    text-align: center;
    float: right;
    height: 59px;
    line-height: 59px;
    background: #ec3331;
    color: #fff;
    margin-top: 1px;
    font-size: 12px;
}
.detail-foot-nav a .iconfont{
    font-size: 24px;
}
.detail-foot-nav .concern1{
    padding-top: 7px;
}
.detail-foot-nav .concern1 .iconfont{
    font-size: 20px;
    color:#333;
}
.detail-foot-nav .concern2{
    padding-top: 7px;
}
.detail-foot-nav .concern2 .iconfont{
    font-size: 20px;
    color:#ec3331;
}
.tanchuchuang-guige{
    padding-right: 0!important;
    top:100%;
    margin-top: -390px;
    background: #fff;
}

.tanchuchuang-guige .modal-content{
    border-radius: 0;
    box-shadow: none;
    border:0;
    padding: 15px;
}
.tanchuchuang-guige .modal-dialog{
    margin: 0;
}
.deatil-guige-top img {
    width: 70px;
    height: 70px;
}
.deatil-guige-top{
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.deatil-guige-top h5{
    margin-bottom: 15px;
}
.deatil-guige-top .right {
    float: left;
    padding-left: 10px;
}
.deatil-guige-top p {
    font-size: 12px;
    color: #666;
    margin-bottom: 3px;
}
.deatil-guige-center{
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.deatil-guige-bottom{
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.tanchuchuang-guige h5{
    margin-bottom: 10px;
}
.tanchuchuang-guige li{
    background: #eaeaea;
    padding: 3px 8px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}
.tanchuchuang-guige li.active{
    color:#fff;
    background: #ec3331;
}
.tanchuchuang-guige .cgnumber span {
    height: 26px;
    width: 26px;
    text-align: center;
    line-height: 26px;
    background: #eaeaea;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.tanchuchuang-guige .cgnumber input[type="text"] {
    outline: none;
    border: none;
    height: 26px;
    line-height: 26px;
    width: 30px;
    text-align: center;
    margin: 0 1px;
    border-radius: 0;
}
.deatil-guige-getting .deatil-guige-buy {
    width: 30%;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    background: #ec3331;
    float: left;
    display: block;
}
.deatil-guige-getting a {
    width: 35%;
    float: left;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #ec3331;
    display: block;
}
.deatil-guige-getting {
    border-top: 1px solid #ddd;
}
.deatil-guige-buy:hover{
    color:#fff;
}
.deatil-guige-close{
    position: absolute;
    height: 80px;
    width: 80px;
    padding-left: 15px;
    padding-top: 10px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    right: 0;
    top:0;
}


/*地址列表*/
.address{
    padding-top: 55px;
}
.prettyradio a{
    width:24px;
    height:40px;
    background:url(../images/chk1.png) center right no-repeat;
    -webkit-background-size: 24px;
    background-size: 24px;
    display:block;
    float:left;
    cursor:pointer;
    margin:0;
}

.prettyradio a.checked{
    width:24px;
    height:40px;
    background:url(../images/check.png) center right no-repeat;
    -webkit-background-size: 24px;
    background-size: 24px;
    display:block;
    float:left;
    cursor:pointer;
    margin:0;
}
.address-list-item{
    background: #fff;
    margin-bottom: 5px;
    padding: 15px 15px 0 15px
}
.address-info-top span{
    margin-left: 20px;
    color: #ec3331 
}
.address-info-bottom{
    height: 50px;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}
.set-address{
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
}
.address-add{
    height: 34px;
    line-height: 34px;
    background: #ec3331;
    text-align: center;
    color: #fff;
    display: block;
    margin-top: 60px;
    margin-bottom: 40px;
    border-radius: 4px;
}
.address-add:hover,.address-add:active,.address-add:visited{
    color: #fff;
}
.address-edit{
    height: 40px;
    line-height: 40px;
    width: 60px;
    background: url(../images/edit.png) no-repeat left center;
    -webkit-background-size: 16px;
    background-size: 16px;
    display: inline-block;
    padding-left: 20px;
}
.address-action input{
    height: 40px;
    line-height: 40px;
    width: 60px;
    background: url(../images/delete.png) no-repeat 0px 12px;
    -webkit-background-size: 18px;
    background-size: 18px;
    display: inline-block;
    padding-left: 12px;
    border:none;
    outline: none;
}

/*新增地址*/
.adding-address{
    padding-top: 55px;
}
.adding-address .form-group{
    background: #fff;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}
.adding-address .form-group label{
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    width: 100px;
    margin-left: 15px;
    margin-bottom: 0;
}
.adding-address .form-group input{
    height: 40px;
    line-height: 40px;
    padding-right: 15px;
    border:0;
    outline: none;
    min-width: 180px;
}

.adding-check{
    padding-left: 15px;
}
.adding-check input{
    margin-top: 15px;

}
.adding-action{
    margin-top: 30px;
}
.adding-action input{
    outline: none;
    border:none;
    width: 120px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 4px;
    background: #ec3331;
    color: #fff;
    margin: 0 15px;
}

/*订单确认*/
.pay{
    padding-bottom: 80px;
    padding-top: 50px;
}
.pay-bottom{
    margin-top: 5px;
    background: #fff;
}
.pay-bottom li{
    height: 50px;
    padding: 0 10px 0 10px;
    border-top: 1px solid #ddd;
}
.pay-bottom li .left{
    line-height: 48px;
}
.pay-bottom li .right{
    float: right;
    line-height: 48px;
}
.pay-bottom li .righta{
    float: right;
}
.pay-quan-left{
    float: left;
    line-height: 48px;
}
.pay-quan-right{
    color: #ec3331;
    font-size:12px;
    float: right;
    padding-top: 7px;
    margin-left: 10px;
}
.pay-bottom li span{
    color: #ec3331;
    font-size:12px;
}
.pay-bottom select{
    height: 30px;
    line-height: 30px;
    outline: none;
    border-radius: 4px;
    padding: 0 5px;
}
.pay-beizhu{
    margin-top: 5px;
    background: #fff;
    padding: 10px 15px
}
.pay-beizhu textarea{
    height: 100px;
    margin-top: 10px;
}
.pay-action{
    position: fixed;
    bottom:0;
    height: 50px;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ddd;
}
.pay-action .left{
    width: 65%;
    background: #fff;
    text-align: center;
}

.pay-action .right{
    width: 35%;
}
.pay-action .right input{
    height: 50px;
    line-height: 50px;
    outline: none;
    background: #ec3331;
    color: #fff;
    border:0;
    display: block;
    width: 100%;
    border-radius: 0;
}
.pay-address{
    background: url(../images/address.png) no-repeat left center;
    padding-left: 35px;
    min-height: 37px;
    min-width: 150px
}
.pay-top{
    background:#fff url(../images/address-bg.png)no-repeat bottom left;
    height: 84px;
    width: 100%;
    padding: 15px 0px 15px 0px;
}
.pay-top a{
    background: url(../images/big-right.png) no-repeat right center;
    -webkit-background-size: 20px;
    background-size: 20px;
    display: block;
    padding-right: 35px;
}
.pay-top p{
    font-size: 12px;
    margin-bottom: 0;
}
.pay-top h5{
    margin-bottom: 5px;
}
.pay .cart-goods-list li .right{
    width: 100%;
   padding-bottom: 10px;
}
.pay .cart-goods-list li .cart-gle {
    float: left;
    width: 30%;
}
.pay .cart-goods-list li .cart-gre {
    float: left;
    width: 70%;
    padding-left: 5px;
}
.pay-action-l{
    float: left;
    height: 50px;
    line-height: 50px;
    padding-left: 30px;
}
.pay-action-r{
    float: left;
    font-size:14px;
    color: #ec3331;
    padding-top: 5px;
}
.pay-action-r p{
    margin-bottom: 0;
}

.pay-select input[type="checkbox"] {
    display: none;
}
.pay-select{
    margin-left: 20px;
    padding-top: 3px;
}
.pay-select input[type="checkbox"] + label {
    display: inline-block;
    background: url(../images/chk1.png) no-repeat 0px 8px;
    width: 24px;
    height: 40px;
    -webkit-background-size: 24px;
    background-size: 24px;
    margin-bottom: 0;
}

.pay-select input[type="checkbox"]:checked + label {
    display: inline-block;
    background: url(../images/check.png) no-repeat 0px 8px;
    width: 24px;
    height: 40px;
    -webkit-background-size: 24px;
    background-size: 24px;
    margin-bottom: 0;
}
.pay-select-left{
    float: left;
    height: 40px;
}
.pay-select-right{
    height: 40px;
    line-height: 40px;
    float: left;
    margin-left: 5px;
}

/*支付成功*/
.pay-right{
    padding-top: 50px;
    background: #fff;
    margin-bottom: 10px;
}
.pay-right-info{
    border-top: 10px solid #f7f7f7;
}
.pay-right-top{
    border-top: 1px solid #eee;
    padding: 30px 40px 0px 110px;
    background: url(../images/pays.png) no-repeat 35px 32px;
    -webkit-background-size: 65px;
    background-size: 65px;
    height: 100px;
}
.pay-right-top h4{
    font-size: 16px;
    color:#ec3331;
    margin-bottom: 15px;
}
.pay-right-top p{
    color:#666;
    font-size: 12px;
}
.pay-right-bottom{
    padding: 15px 40px;
    border-bottom: 1px solid #eee;
}
.pay-right-bottom a{
    background: #eaeaea;
    width:100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    display: block;
}


/*商店列表*/
.shop-all{
    padding-top: 60px;
    padding-bottom: 100px;
}
.shop-list{
    background: #fff;
    border-bottom:1px solid #eee;
    border-top:1px solid #eee;
    padding: 15px;
    margin-bottom: 10px;
}
.shop-list h4{
    height: 45px;
}
.shop-list h4 img{
    height: 45px;
    width: 45px;
}
.shop-list h4 .right{
    height: 45px;
    padding-top: 10px;
}
.shop-list h4 .right a{
    font-size: 14px;
    width: 70px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    border:1px solid #ec3331;
    color: #ec3331;
    border-radius: 4px;
    display: block;
}
.shop-list .shop-list-pic{
    float: left;
}
.shop-list .shop-list-name{
    float: left;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 5px;
}
.shop-list .shop-list-name p{
    font-size: 12px;
    color: #666;
    margin-top: 10px;
    margin-bottom: 0;
}
.shop-list .shop-list-name span{
    margin-left: 10px;
}
.shop-list ul{
    border-top: 1px solid #eee;
    margin-top: 8px;
}
.shop-list li{
    float: left;
    width: 25%;
    margin-top: 8px;
    padding: 5px;
}

/*商店详情*/
.shop-detail{
    padding-top: 50px;
}
.shop-detail-top{
    position: relative;
}
.shop-detail-top h4{
    position: absolute;
    padding-left: 15px;
    left: 0;
    bottom: 10px
}
.shop-detail-top h4{
    height: 45px;
    width: 100%;
}
.shop-detail-top h4 img{
    height: 45px;
    width: 45px;
}
.shop-detail-top h4 .right{
    height: 45px;
    padding-top: 10px;
    padding-right: 15px;
}
.shop-detail-top h4 .right a{
    font-size: 12px;
    width: 70px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    background: #ff2150;
    border-radius: 4px;
    display: block;
    color: #fff;
    border: 1px solid #ff2150
}
.shop-detail-top h4 .right a.quxiao{
    background: #fff;
    border-radius: 4px;
    display: block;
    color: #ff2150;
    border: 1px solid #ff2150
}

.shop-detail-top h4 .right span{
    margin-right: 3px;
}
.shop-detail-top .shop-list-pic{
    float: left;
}
.shop-detail-top .shop-list-name{
    float: left;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 5px;
}
.shop-detail-top .shop-list-name p{
    font-size: 12px;
    color: #666;
    margin-top: 10px;
    margin-bottom: 0;
}
.shop-detail-top .shop-list-name span{
    margin-left: 10px;
}
.shop-detail-center .nav{
    background: #fff;
    border-bottom: 1px solid #eee;
}
.shop-detail-center .nav li {
    float: left;
    width: 25%;
    text-align: center;
}
.nav>li>a:focus, .nav>li>a:hover{
    background: #fff;
}
.shop-detail-center .nav>li.active>a {
    border-bottom: 1px solid #ec3331;
    color:#ec3331;
}
.shop-detail-center .nav>li>a {
    font-size: 12px;
    padding: 5px 5px;
}

.shop-detail-content{
    padding-bottom: 100px;
}
.shop-home-top{
    background: #fff;
    padding: 0 15px;
    border-bottom: 1px solid #eee;
}
.shop-home-top li{
   height: 40px;
   line-height: 40px;
   border-bottom: 1px solid #eee;
   font-size: 12px;
   color: #333
}
.shop-home-top li .right span{
    color: #ec3331;
}
.shop-home-top li span{
    margin-left: 10px;
}
.shop-home-li{
    float: left;
    width: 33%;
}
.shop-home-li span{
    color: #ec3331;
}
.shop-detail-content .guess-like{
    padding-bottom: 0;
}
.shop-detail-content .guess-like h4{
    font-size: 14px;
    color: #ec3331;
}
.shop-detail-content #shop-c h4{
    margin-top: 0;
    background: #f7f7f7;
    text-align: center;
    border-top: 0;
    padding: 0;
    height: 30px;
    line-height: 30px;
    color:#333;
    font-size: 12px;
}
.shop-detail-content #shop-c h4 span{
    margin-right: 5px;
    font-size: 14px;
}

/*搜索商品列表*/
.search-goods-all{
    padding: 0px 15px 1px 15px;
    background: #fff;
}
.search-goods-list{
    padding: 10px 0px;
    border-bottom: 1px solid #ddd; 
    display: block;
}
.search-goods-list .cleft{
    width: 30%;
    float: left;
}
.search-goods-list .cright{
    width: 70%;
    float: right;
    padding-left: 10px;
}
.search-like-send{
    font-size: 12px;
    color:#ec3331;
    margin-top: 5px;
}
.search-like-price{
    color:#ec3331;
    margin-bottom: 4px;
    margin-top: 2px;
}
.search-like-price s {
    font-size: 12px;
    color: #333;
    margin-left: 10px;
}
.search-like-sale{
    color: #666;
}
.filter-nav{
    height: 40px;
  /*  border-bottom: 1px solid #ddd;*/
    position: fixed;
    top:50px;
    width: 100%;
    display: block;
    background: #fff;
    z-index: 99
}
.filter-nav li{
    float: left;
    width: 25%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    padding: 0 5px;
}
.filter-nav li a{
    display: block;
}
.filter-nav li .curr{
    color: #ec3331
}
.filter-select span{
    font-size: 14px;
    margin-left: 3px;
}
.filter-nav .up{
    background: url(../images/up.png) no-repeat right center;
    -webkit-background-size: 18px;
    background-size: 18px;
}
.filter-nav .down{
    background: url(../images/down.png) no-repeat right center;
    -webkit-background-size: 18px;
    background-size: 18px;
}

/*筛选规格侧边栏*/
body.mm-menu-open {
    overflow: hidden
}   
.wrapper.mm-menu-open {
    -webkit-transform: translateX(300px);
    transform: translateX(300px)
}
.mm-menu-mask.active {
    visibility: visible;
    opacity: 1;
}
.mm-menu-mask {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .5s,visibility .5s;
    transition: opacity .5s,visibility .5s;
}
.mm-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    box-shadow: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .5s,box-shadow .5s;
    transition: transform .5s,box-shadow .5s
}

.mm-menu.active {
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media all and (min-width:300px) {
    .mm-menu {
        width: 300px;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
        padding-bottom: 15px;
    }
}
.mm-menu li{
    background: #eaeaea;
    padding: 3px 8px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}
.mm-menu li.active{
    color: #fff;
    background: #ec3331;
}
.mm-menu h5 {
    margin-bottom: 10px;
}
.product-menu-top,.product-menu-center,.product-menu-bottom{
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}
.mm-menu h4{
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #eee;
    font-size: 16px;
} 
.product-menu-btn{
    padding: 30px 15px;
    width: 100%;
}
.product-menu-btn input{
     width: 120px;
     outline: none;
     height: 34px;
     line-height: 34px;
     text-align: center;
     border:0;
     float: left;
     border-radius: 5px;
     background: #eaeaea;
     padding: 0;
     color: #333
}
.product-menu-btn .queding{
    background: #ec3331;
    color: #fff;
    float: right;
}
.zdy-select-price {
    margin-bottom: 10px;
}
.zdy-select-price input{
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 80px;
    outline: none;
    border:0;
    background: #eaeaea;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px
}
.zdy-select-price span{
    margin:0 5px
}
.container-a{
    padding: 0 15px
}


/*会员中心*/
.usercenter-top .usercenter-order{
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
.usercenter-top .usercenter-order a{
    display: block;
}
.usercenter-top .usercenter-order .left{
    font-size: 16px;
}
.usercenter-top .usercenter-order .right{
    height: 40px;
    line-height: 40px;
    color: #666
}

.usercenter-order-status{
    background: #fff;
}
.usercenter-order-status a{
    float: left;
    width: 25%;
    display: block;
    text-align: center;
    padding: 5px 0 10px 0
}
.usercenter-center{
    margin-top: 10px;
    background: #fff;
}
.usercenter-center li{
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}
.usercenter-center li a{
    border-bottom: 1px solid #eee;
    display: block;
    color: #666
}
.usercenter-center li .right span{
    font-size: 16px;
    color: #666
}
.usercenter-center li .left span{
    margin-right: 10px;
}
.usercenter-center li .right{
    height: 40px;
    line-height: 40px;
}
.usercenter-center li .left{
    height: 40px;
    line-height: 40px;
}
.usercenter-bottom{
   padding: 30px 30px 120px 30px;
   text-align: center;
}
.usercenter-bottom a{
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    text-align: center;
    background: #ec3331;
    color: #fff;
    font-size: 16px;
    display: block;
}
.usercerter-nav{
    height: 120px;
    background: url(../images/user-bg.png) no-repeat center center;
    padding: 40px 15px;
    color: #fff
}
.usercerter-nav .right{
    float: left;
    padding-left: 15px;
}
.usercerter-nav .right h4{
    margin-bottom: 5px;
    margin-top: 5px;
}
.usercerter-nav .right span{
    margin-right: 20px;
}

.usercerter-nav img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #fff
}

/*返回顶部*/
.actGotop {
    position: fixed;
    right: 5px;
    bottom: 60px;
    z-index: 999;
    font-size: 28px;
    cursor: pointer;
}

/*弹出框*/

/*手机端*/
@media (max-width: 719px) {
  
}
/*电脑端*/
@media (min-width: 720px) {
    .tongdui-wrapper{
        width: 720px;
        margin: 0 auto;
    }
    .top-nav{
        width: 720px;
        left: 50%;
        margin-left: -360px;
    }
    .foot-nav{
        width: 720px;
        left: 50%;
        margin-left: -360px;
    }
    .adding-address .form-group label{
        width: 250px;
    }
    .city-picker .picker-items-col{
        max-width: 12rem;
    }
    .adding-action input{
        margin: 0 115px
    }
    .address-add{
        width: 690px;
    }
    .cart-foot-nav,.detail-foot-nav{
        width: 720px;
    }
    .limit-goods-pic{
        margin-left: 50px;
    }
    .time-limit h4,.brand-selling h4,.guess-like h4{
        width: 720px;
    }
    .guess-like-goods li{
        padding: 10px 50px
    }
    .pay-right-info{
        padding: 0 150px
    }
    .pay-action{
        width: 720px;
    }
    .filter-nav{
        width: 720px;
        left: 50%;
        margin-left: -360px;
    }
    .search-goods-all{
        width: 720px;
    }
    .tanchuchuang-guige{
        width: 720px;
        left: 50%;
        margin-left: -367px;
    }
    .modal-sm{
        width: 720px;
    }
    #wrapper{
        width: 720px;
        left: 50%;
        margin-left: -360px;
    }
    .mui-bar{
        width: 720px;
        left: 50%;
        margin-left: -360px;
    }

}
